<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script src="scripts/scripts.js" language="javascript"></script>
        	<nav>
            	<a href="botswana.html" target="_blank">Botswana  |</a>
                <a href="chad.html" target="_blank">Chad  |</a>
                <a href="finland.html" target="_blank">Finland  |</a>
                <a href="palau.html" target="_blank">Palau  |</a>
                <a href="assessment.html" id="test-link">Test |</a>
                <a href="index.html">Home</a>
            </nav>
	</head>
    
	<body onLoad="javascript:startCourse()">
        <header>
            <h1>Countries of the World</h1>	
        </header>
		
		<br/>
    <section>
				<div id="main-content">
				<div class="column">
					<figure>
					<a href="botswana.html" target="_blank"><img src="graphics/botswana.svg" width="215" height="143" alt="Flag of Botswana" title="Flag of Botswana"/></a>
					<br/>
					<h3>Botswana</h3>
					</figure>
				</div>
	
				
				<div class="column">
					<figure>
						<a href="chad.html" target="_blank"><img src="graphics/chad.svg" width="215" height="143"  alt="Flag of Chad" title="Flag of Chad"></a>
						<br/>
						<h3>Chad</h3>
					</figure>
				</div>
				</div>
		</section>
            
            
		<section>
				<div id="main-content">
				<div class="column">
					<figure>
					<a href="palau.html" target="_blank"><img src="graphics/palau.svg" width="215" height="143" alt="Flag of Palau" title="Flag of Palau"/></a>
					<br/>
					<h3>Palau</h3>
					</figure>
				</div>
	
				<div class="column">
					<figure>
						<a href="finland.html" target="_blank"><img src="graphics/finland.svg" width="215" height="143" alt="Flag of Finland" title="Flag of Finland"></a>
						<br/>
						<h3>Finland</h3>
					</figure>
				</div>
                </div>
			</section>
				
	   <footer>
    	<hr/>
        <cite>
        <strong>References</strong><br/>
        	Flags based on images from <a href="https://www.cia.gov/library/publications/the-world-factbook/docs/flagsoftheworld.html" target="_blank">CIA World Factbook</a>
            |  Information is from <a href="www.wikipedia.org" target="_blank">Wikipedia</a>  |  Best if used on Google Chrome
           </cite>
    </footer>
			</article>
			</body>
			
			
			<div id="main-content-clear"></div>
			
			</article>
		</section>
		
		<nav id="navigation">
			<span class="menu-link-inactive">Botswana</span>
			<a href="chad.html" class="menu-link">Chad</a>
			<a href="finland.html" class="menu-link">Finland</a>
			<a href="palau.html" class="menu-link">Palau</a>
			<a href="assessment.html" id="test-link" class="menu-link">Quiz</a>
			<a href="certificate.html" class="menu-link">Certificate of Completion</a>
		</nav>
		
</html>